<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p>主人很懒，没留下什么...</p>
    <aside>
        <h4>标题</h4>
        <p>aside标签，内容与周围内容相关</p>
    </aside>

    <figure>
       <img src="02_01.png" alt="江南水乡" width="304px" height="228px">
       <figcaption>为图片添加可见的解释</figcaption> 
       <p>&copy;2019 Jan.12</p>
    </figure>

    <p>请把鼠标移动到图像上，看一下状态栏的坐标如何变化。</p>

<a href="www.baidu.com">
<img src="eg_planets.jpg" ismap />
</a>
</body>
</html>